<script setup lang='ts'>

import { ref, watch, watchEffect } from 'vue';


const count = ref(0)
const money = ref(1000)

// watch 侦听器
// watch([count], (newVal) => {
//     console.log(newVal);
// }{
//     immedite:true
// })

// watchEffect()
// 1.watchEffect会立即执行一次
// 2.watchEffect中的依赖项数据发生了变化,回调函数都会执行
watchEffect(() => {
    console.log(count.value, money.value);
})

</script>

<template>
    <div>数值:{{ count }}</div>
    <button @click="count++">自增</button>
    <div>money:{{ money }}</div>
    <button @click="money--">自减</button>
</template>

<style scoped>

</style>
